<!doctype html>

<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]-->
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title><g:layoutTitle default="Grails"/></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon">
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'mobile.css')}" type="text/css">
    <link rel="stylesheet" type="text/css" href="${createLinkTo(dir: 'css', file: 'jquery-ui/custom-theme/jquery-ui-1.8.17.custom.css')}" />
  <g:javascript src="jquery/jquery-1.7.1.min.js"/>
  <g:javascript src="jquery/jquery-ui-1.8.17.custom.min.js"/>
  <g:layoutHead/>
  <r:layoutResources />
</head>
<body>
  <div class="wrap">
    <div class="header">
      <div class="logo">
        <div class="big_title">Bosanova<span> I.E.D</span></div>
      </div>
      <div id="menu">
        <ul>                                                                       
          <li> <g:link controller="home" action="index"> Home </g:link></li>
          <li> <g:link controller="login" action="auth"> Log in </g:link></li>
          <li> <g:link controller="logout"> Log out </g:link></li>
        </ul>
      </div>
    </div> <!--End of header-->

    <div id="container">
      <g:layoutBody />
    </div>
    <div class="footer">

      <div class="footer_content">
        <div class="footer_tab1">
          <span class="email">Email: bosanova@gmail.com</span>
          <div class="footer_info">
            <span class="orange">Adress:</span>
            <p class="info"><b>Colegio Bosanova Instituto Educativo Distrital</b> <br>
              Calle 59B Sur 87 B 02 </p>           
          </div>
          <div class="footer_info">
            <span class="orange">Phone:</span>
            <p class="info">7839623</p>           
          </div> 
        </div>
      </div> 

      <div class="footer_tab2">
        <div class="favorites_box">

          <p class="favorites">
            <img src="${resource(dir: 'images', file: 'BogotaHumana.png')}" alt=""/>
          </p>           
        </div> 

      </div> 
      <div class="footer_tab3">
        <div class="footer_links">
          <ul>
            <li><a href="http://www.bogota.gov.co/portel/libreria/php/01.2709081001.html">Secretaria de Educacion</a></li>
            <li><a href="http://www.bogota.gov.co/portel/libreria/php/01.2709081001.html">Terms &amp; conditions</a></li>
          </ul>
        </div>
      </div>
      <div class="clear"></div>
    </div>
    <g:javascript library="application"/>
    <r:layoutResources />
  </div>        
</body>
</html>
